<div class="updatable-input updatable-input-date">
    <span class="updatable-input-value-wrapper" ng-hide="updatable.updating" ng-click="edit()">
        <span ng-if="value!==null && value !==''" class="updatable-value">{{value | shortDate}}</span>
        <span ng-if="value===null || value ===''" class="updatable-value text-warning"><em>Not Specified</em></span>

        <small class="updatable-input-icon">
            <i class="glyphicon glyphicon-pencil"></i>
        </small>
    </span>

    <form ng-submit="update()" ng-show="updatable.updating">
    	<div class="input-group input-group-sm">
    		<input class="input-datetime form-control input-sm" ng-click="dateNow=false" ng-model="humanDate" type="datetime"/>
    		<span class="input-group-btn">
                <span uib-btn-checkbox="" class="btn btn-sm btn-primary" ng-model="dateNow">
    				Now
    			</span>
    			<button class="btn btn-sm btn-default" type="submit">
    				<i class="text-success glyphicon glyphicon-ok"></i>
    			</button>
                <button class="btn btn-sm btn-default" type="button" ng-click="cancel()">
    				<i class="text-danger glyphicon glyphicon-remove"></i>
    			</button>
                <button class="btn btn-sm btn-default" type="button" ng-click="clear()" ng-if="clearable === true">
					<i class="text-danger glyphicon glyphicon-erase"></i>
				</button>
            </span>
    	</div>
    </form>
</div>
